<style include="cr-shared-style throbber cr-hidden-style">
  :host {
    display: block;
  }

  <if expr="not is_macosx">
    :host(:not([should-show-system-dialog-link_])) {
      display: none;
    }
  </if>

  :host cr-icon-button {
    --cr-icon-button-icon-size: 16px;
    --cr-icon-button-margin-end: -2px;
    --cr-icon-button-margin-start: 0;
    --cr-icon-button-size: 28px;
  }

  .link:not([actionable]) {
    pointer-events: none;
  }

  .throbber {
    margin: 8px;
    min-height: 16px;
    min-width: 16px;
  }

  .link {
    align-items: center;
    display: flex;
    min-height: 46px;
    padding: 0 var(--print-preview-sidebar-margin);
  }

  #systemDialogLink {
    padding-top: 0.5em;
  }

  .label {
    flex: 1;
  }

  .link:not([actionable]) .label {
    opacity: var(--cr-disabled-opacity);
  }
</style>
<div class="link" id="systemDialogLink"
     actionable$="[[!systemDialogLinkDisabled_]]"
     hidden$="[[!shouldShowSystemDialogLink_]]"
     on-click="onSystemDialogClick_">
  <div class="label">$i18n{systemDialogOption}</div>
  <cr-icon-button class="icon-external"
      hidden$="[[openingSystemDialog_]]"
      disabled="[[systemDialogLinkDisabled_]]"
      aria-label="$i18n{systemDialogOption}"></cr-icon-button>
  <div id="systemDialogThrobber" hidden$="[[!openingSystemDialog_]]"
      class="throbber"></div>
</div>
<if expr="is_macosx">
<div class="link" id="openPdfInPreviewLink" actionable$="[[!disabled]]"
    on-click="onOpenInPreviewClick_">
  <div class="label">$i18n{openPdfInPreviewOption}</div>
  <cr-icon-button class="icon-external"
      hidden$="[[openingInPreview_]]" disabled="[[disabled]]"
      aria-label="$i18n{openPdfInPreviewOption}"></cr-icon-button>
  <div id="openPdfInPreviewThrobber" hidden$="[[!openingInPreview_]]"
      class="throbber"></div>
</div>
</if>
